<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>#{bundle.AppName}</title>
        <h:outputStylesheet library="css" name="jsfcrud.css"/>
    </h:head>
    <h:body>
        <p:layout fullPage="true">

            <p:layoutUnit position="center">
                
                <h:form id="frmPrincipal">
                    <p:focus for="txtusuario"/>
                    <p:growl id="msn" showDetail="true"/>

                    <center>
                        
                        <p:fieldset id="prueba" style="width: 400px; margin-top: 16%;">
                            <p:graphicImage value="img/cashoflow_logo.png" width="80%"/>
                            <h:panelGrid columns="2" style="width: 400px;">
                                <p:outputLabel for="txtusuario" value="Nombre de usuario"/>
                                <p:inputText id="txtusuario" label="Nombre de usuario"
                                             value="#{usuarioController.nombreUsuario}" placeholder="Nombre de usuario"
                                             size="44"/>

                                <p:outputLabel for="txtclave" value="Clave de usuario" />
                                <p:password id="txtclave" label="Clave de usuario"
                                            value="#{usuarioController.claveUsuario}" placeholder="Contraseña"
                                            size="44"/>
                            </h:panelGrid>

                            <p:commandButton actionListener="#{usuarioController.iniciarSesion}"
                                             update="msn" value="Iniciar Sesión"/>
                        </p:fieldset>
                    </center>
                </h:form>                
            </p:layoutUnit>
        </p:layout> 

    </h:body>
</html>